<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>History and Culture</title>
    <!-- Reset basic styles -->
    <link rel="stylesheet" href="../公共css样式/重置基本样式类.css">
    <!-- link header and footer public classes -->
    <link rel="stylesheet" href="../公共css样式/公共类.css">
    <link rel="stylesheet" href="./历史文化.css">
</head>

<body>
    <!-- Header -->
    <div class="header">
        <div class="wrapper">
            <!-- logo -->
            <div class="logo" title="Food Nanchang">
                <a href="../test index首页/index.html">
                    <img src="../images图片库/header/logo.png" alt="Nanchang">
                    <h1>Beautiful Nanchang</h1>
                </a>
            </div>
            <!-- Navigation -->
            <div class="nav">
                <ul>
                    <li>
                        <a href="../test index首页/index.html">Home</a>
                    </li>
                    <li>
                        <a href="../游玩页面/游玩.html">Tourist Attractions</a>
                    </li>
                    <li>
                        <a href="../历史文化页面/历史文化.html" class="active">History and Culture</a>
                    </li>
                </ul>
            </div>
            <!-- Search -->
            <!-- <div class="search">
                <input type="text" placeholder="Please enter">
                <a href="#">Search</a>
            </div> -->
            <!-- User -->
            <div class="user">
                <a href="../个人页面/个人页面.html" target="_blank" title="Go to personal page">
                    <img src="../images图片库/header/南昌logo.jpg" title="Go to personal page" alt="User avatar">
                    <span>Heroic Nanchang City</span>
                </a>
            </div>
        </div>         
    </div>
            <!-- New independent sub-navigation bar (outside header) -->
        <div class="sub-nav-container">
            <div class="wrapper">
                <ul class="category-nav">
                    <li><a href="#history" class="active">Historical Evolution</a></li>
                    <li><a href="#intangible">Intangible Cultural Heritage</a></li>
                    <li><a href="#folk">Folk Culture</a></li>
                    <li><a href="#cuisine">Food Culture</a></li>
                </ul>
                <a href="../test index首页/index.html" class="more">Back ></a>
            </div>
        </div>
        
         <!-- Print to PDF button -->
        <button id="print-pdf-btn"class="print-button">Print to PDF</button>

            <!-- Historical Evolution -->
            <div id="history" class="content-section active hover-zoom">
                <div class="Left ">
                    <img src="../images图片库/index/历史文化图/1.2.jpg" alt="Historical and cultural map" class="history-img fly-in">
                </div>
                <div class="Right ">
                    <div class="top">
                        <img src="../images图片库/index/历史文化图/1.1.jpg" alt="Historical and cultural map" class="fly-in">
                    </div>
                    <div class="bottom">
                        <p>In the sixth year of Emperor Gaozu of Han (201 BC), the Jiangnan Commandery was established by dividing the Jiujiang Commandery, and the Nanchang County was set up as an attached county, belonging to Yangzhou."The Names of Commanderies and Counties" in the Jiangxi volume states: "Nanchang Prefecture has Nanchang Mountain. The "Yuzhang Tujing" says: Nanchang Mountain is the mountain where King Wu of Wu minted coins. At that time, there was a mysterious light, which looked like fire.  Mount Xi is located thirty li west of the prefecture city, beyond the great river.  "Nanchang" implies the prosperity of the south and the expansion of the southern frontier. The name of Nanchang city has changed several times, with various aliases. In the Han Dynasty, it was called Yuzhang, in the Tang Dynasty, Hongzhou, in the Song Dynasty, Longxing, and in the Ming Dynasty, it was officially named Nanchang.</p>
                    </div>
                </div>
            </div>
            <!-- Intangible Cultural Heritage -->
            <div id="intangible" class="content-section hover-zoom">
                <div class="Top">
                    <div class="right">
                        <img src="../images图片库/index/历史文化图/2.1.jpg" alt="Historical and cultural map" class="intangible-img fly-in">
                    </div>
                    <div class="left">
                        <p>The bench dragon is composed of candles, cotton paper, bamboo strips, and benches. Unlike regular dragon dances,
                             the dragon body of the bench dragon is formed by connecting one bench after another. Each bench holds an equal 
                             number of candle lanterns, which look like blooming plum blossoms. Inside the lanterns are candles, hence the
                              name "plum candle lantern." Each dragon dance consists of about three hundred benches. These benches have only
                               a seat and one leg. People drill holes in the benches, and the leg of the preceding bench fits perfectly into
                                the hole, serving as the connection point. </p>
                    </div>
                </div>
                <div class="Bottom">
                    <div class="right">
                        <p>Porcelain plate painting refers to a type of flat ceramic handicraft made by hand painting, glazing,
                             and high-temperature firing using special chemical pigments on plain porcelain plates.
Porcelain paintings can be mounted or embedded in screens for viewing purposes. Porcelain plate painting can be traced back to
 the Qin and Han dynasties, while the true meaning of "porcelain plate painting" appeared in the mid Ming dynasty.
 </p>
                    </div>
                    <div class="left ">
                        <img src="../images图片库/index/历史文化图/2.2.jpg" alt="Historical and cultural map" class="intangible-img fly-in">
                    </div>
                </div>
            </div>
            
            <!-- Folk Culture -->
             <div id="folk" class="content-section hover-zoom">
                <div class="flex-container"> <!-- Add flex container -->
                    <div class="text-content">
                        <div class="top ">
                            <img src="../images图片库/index/历史文化图/3.1.jpg" alt="Historical and cultural map"class=" fly-in">
                        </div>
                        <div class="bottom">
                            <p>Nanchang City has accumulated over 2200 years of rich history and profound folk customs, such as uncles sleeping by the bed, forming alliances, pilgrimage to temple fairs, touching bridge piers, and celebrating the Chinese New Year with guests.
The cultural festivals held include the Nanchang International Military Music Festival and the Shengjinta Temple Fair in China. Nanchang is located in the Poyang Lake area, with a relatively low elevation. In history, this region was plagued by miasma,
So every New Year's Eve, every household goes to break camphor tree branches and light them in front of their own door, symbolizing "eliminating malaria". The natural fusion of place names, camphor trees, and the folk custom of "eliminating malaria" holds a special significance.</p>
                        </div>
                    </div>
                    <div class="image-content ">
                        <img src="../images图片库/index/历史文化图/3.2.jpg" alt="Historical and cultural map"class="folk-img fly-in" >
                    </div>
                </div>
            </div>

            <!-- Food Culture -->
             <div id="cuisine" class="content-section hover-zoom">
                <div class="Top">
                    <div class="left">
                        <img src="../images图片库/index/历史文化图/4.1.png" alt="Historical and cultural map"class=" fly-in" >
                    </div>
                    <div class="right ">
                        <p>Nanchang's food culture is incredibly rich, shaped by geographical environment, dynastic changes throughout history, and religious influences, gradually forming the food culture we see today. Nanchang cuisine belongs to the Gan cuisine family, embodying the basic characteristics of Gan cuisine and representing the mainstream branch and most typical example of Gan cuisine. With thousands of years of historical accumulation, Nanchang's food culture is diverse and features numerous snacks, holding a significant position in southern Chinese cuisine. </p>
                    </div>

                </div>
                <div class="Bottom">
                    <div class="left fly-in">
                        <p>Nanchang cuisine sources ingredients widely, with diverse side dishes and numerous condiments. The primary meats consumed by Nanchang residents are pork, poultry, and river delicacies. The variety of vegetables is extensive, with wild vegetables such as Poyang Lake water shield being particularly favored. Nanchang cuisine emphasizes flavors of spiciness, tenderness, crispness, and softness, with a preference for fresh and spicy tastes. Dishes are typically cooked with rapeseed oil or tea oil, and nearly every dish includes chili peppers, garlic, scallions, and other seasonings. Locals have a strong preference for spicy flavors, and modern Nanchang street food is known for its intense spiciness. </p>
                    </div>
                    <div class="right">
                        <img src="../images图片库/index/历史文化图/4.2.png" alt="Historical and cultural map" class=" fly-in"> 
                    </div>

                </div>
            </div> 

     
    
</body>

<script src="./历史文化.js"></script>

</html>